<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>金毕生教育</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="styles/skeleton.css" />
    <link rel="stylesheet" href="styles/style.css" />
    <link rel="stylesheet" href="styles/inner.css" />
    <link rel="stylesheet" href="styles/prettyPhoto.css" media="screen"/>
    <link rel="stylesheet" href="styles/color.css" />
	<link rel="stylesheet" href="styles/layout.css" />

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
    
	<!-- Demo Switcher
	================================================== -->
    <link id="layoutcss" href="styles/fixed-layout.css" rel="stylesheet" type="text/css" />
    <link href="styles/style-switcher.css" rel="stylesheet" type="text/css" />
    

</head>


<body>
<div id="bodychild">
	<div id="outercontainer">
    
         <!-- HEADER -->
        <div id="outerheader">
        	<div class="container">
            <header id="top" class="twelve columns">
            	<div id="logo"  class="three columns alpha"><a href="index-2.html"><img src="images/logo.jpg" alt=""></a></div>
                <section id="navigation" class="nine columns omega">
                    <nav>
                        <ul id="topnav" class="sf-menu">
                            <li class="current"><a href="index-2.html">首页</a></li>
                            <li><a href="about.html">金毕生教育</a></li>
                            <li><a href="service.html">师生风采</a></li>
                            <!--<li><a href="blog.html">Blog</a></li>
                            <li><a href="portfolio.html">师生风采</a>
                            	 <ul>
                                	<li><a href="portfolio.html">Portfolio 1 Column</a></li>
                                	<li><a href="service.html">Portfolio 2 Column</a></li>
                                    <li><a href="portfolio3.html">Portfolio 3 Column</a></li>
                                    <li><a href="portfolio4.html">Portfolio 4 Column</a></li>
                                </ul>
                            </li>-->
                            <li><a href="element.html">辅导资料</a></li>
                            <li><a href="contact.html">金毕生校区地图</a></li>
                        </ul><!-- topnav -->
                    </nav><!-- nav -->	
                    <div class="clear"></div>
                </section>
                <div class="clear"></div>
            </header>
            </div>
        </div>
        <!-- END HEADER -->
        
        <!-- AFTER HEADER -->
        <div id="outerafterheader">
            <div class="container">
                <div id="afterheader" class="twelve columns">
                    <section id="aftertheheader">
                    	<hgroup>
                            <h1 class="pagetitle">生活剪影</h1>
                            <h3 class="pagedesc">My Home</h3>
                        </hgroup>
                    </section>
                </div>
            </div>
        </div>
        <!-- END AFTER HEADER -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="container">
        	<section id="maincontent" class="twelve columns">
            
                    <div id="ts-display-portfolio">
                    <ul id="ts-display-pf-col-2">
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_1.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_1.jpg" alt="" class="scale-with-grid" /></a>
                                </div>
                                <!-- <div class="ts-display-pf-text">
                                    <h2><a href="#">In ante metus, elementum ut sodales vel</a></h2>
                                    <p>Nullam quis mi risus, adipiscing rutrum ipsum. Aliquam volutpat mollis turpis at tincidunt. Suspendisse aliquam.</p>
                                </div> -->
                                <div class="ts-display-clear"></div>
                        
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                  <a class="image" href="images/content/pf/big/pf2_2.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                  <img src="images/content/pf/pf2_2.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <!-- <div class="ts-display-pf-text">
                                    <h2><a href="#">Proin dictum porta odio non luctus</a></h2>
                                    <p>Nullam quis mi risus, adipiscing rutrum ipsum. Aliquam volutpat mollis turpis at tincidunt. Suspendisse aliquam.</p>
                                </div> -->
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_3.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_3.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_21.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_21.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_5.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_5.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_6.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_6.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_7.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_7.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_8.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_8.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_9.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_9.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_10.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_10.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                             <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_11.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_11.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_12.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_12.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                             <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_13.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_13.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_14.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_14.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_15.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_15.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_16.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_16.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                             <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_17.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_17.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_18.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_18.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_19.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_19.jpg" alt=""  class="scale-with-grid" /></a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/big/pf2_20.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf2_20.jpg" alt=""  class="scale-with-grid" /></a>	
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                    </ul><!-- end ts-display-pf-col-2 -->
                </div><!-- end ts-display-portfolio -->
                
                <div class="pagenavi">
                    <a class="prev" href="#">&larr; last preview</a>
                    <a class="next" href="#">next preview &rarr;</a>
                </div>
                
                <div class="clear"></div><!-- clear float --> 
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
        
        <!-- AFTER CONTENT -->
        <div id="outeraftercontent">
            <div class="container">
            <div id="aftercontent" class="twelve columns">
                <section id="afterthecontent">
                    <ul class="sn">
                        <li><a title="Facebook" href="http://facebook.com/"><span style="background:url(images/social/facebook.png)" class="icon-img"></span></a></li>
                        <li><a title="Twitter" href="http://twitter.com/"><span style="background:url(images/social/twitter.png)" class="icon-img"></span></a></li>
                        <li><a title="StumbleUpon" href="http://stumbleupon.com/"><span style="background:url(images/social/stumbleupon.png)" class="icon-img"></span></a></li>
                        <li><a title="Youtube" href="http://youtube.com/"><span style="background:url(images/social/youtube.png)" class="icon-img"></span></a></li>
                        <li><a title="Lastfm" href="http://www.last.fm/"><span style="background:url(images/social/lastfm.png)" class="icon-img"></span></a></li>
                    </ul>
                    <address class="addr">1234 Majapahit Road, Glasgowth, A05 897R.<br>Freephone: +1 800 123 456</address>
                </section>
            </div>
            </div>
        </div>
        <!-- END AFTER CONTENT -->
        
        <!-- FOOTER -->
        <div id="outerfooter">
        	<div class="container">
        	<div id="footercontainer" class="twelve columns">
            	<footer id="footer">&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></footer>
            </div>
            </div>
        </div>
        <!-- END FOOTER -->
        
	</div><!-- end bodychild -->
</div><!-- end outercontainer -->

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- jQuery PrettyPhoto -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>

<!-- jQuery PrettyPhoto Config -->
<script type="text/javascript" src="js/fade.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>

<!-- Demo Switcher -->
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
